<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8"/>
    <title> 6_2_2 video </title>

    <script src="./aframe/dist/aframe-master.js"></script>
    <!-- <script src="./app/main.js"></script> -->

    <style>
        body {
            background-color: #000000;
        }
    </style>

</head>

<body>

<a-scene>

    <a-assets>
        <video id="video_0" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_1" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_2" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_3" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>

        <video id="video_4" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_5" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_6" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_7" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>

        <video id="video_8" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_9" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_10" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_11" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>

        <video id="video_12" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_13" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_14" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_15" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>

        <video id="video_16" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_17" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_18" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_19" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>

        <video id="video_20" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_21" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_22" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>
        <video id="video_23" preload="auto" width="720" height="720" autoplay loop="false" crossOrigin="anonymous" muted></video>

        <audio id="audio"></audio>

    </a-assets>

    <!-- face 0 -->
    <a-entity material="shader: flat; src: #video_0"
              geometry="primitive: plane; width: 720; height: 720;"
              position="720 360 -360"
              rotation="0 270 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_1"
              geometry="primitive: plane; width: 720; height: 720;"
              position="720 360 360"
              rotation="0 270 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_2"
              geometry="primitive: plane; width: 720; height: 720;"
              position="720 -360 -360"
              rotation="0 270 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_3"
              geometry="primitive: plane; width: 720; height: 720;"
              position="720 -360 360"
              rotation="0 270 0"
              visible="true">
    </a-entity>



    <!--face 1  -->
    <a-entity material="shader: flat; src: #video_4"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-720 360 360"
              rotation="0 90 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_5"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-720 360 -360"
              rotation="0 90 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_6"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-720 -360 360"
              rotation="0 90 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_7"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-720 -360 -360"
              rotation="0 90 0"
              visible="true">
    </a-entity>


    <!-- face 2 上面-->
    <a-entity material="shader: flat; src: #video_8"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 720 360"
              rotation="90 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_9"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 720 360"
              rotation="90 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_10"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 720 -360"
              rotation="90 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_11"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 720 -360"
              rotation="90 0 0"
              visible="true">
    </a-entity>

    <!-- face 3 下面-->
    <a-entity material="shader: flat; src: #video_12"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 -720 -360"
              rotation="-90 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_13"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 -720 -360"
              rotation="-90 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_14"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 -720 360"
              rotation="-90 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_15"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 -720 360"
              rotation="-90 0 0"
              visible="true">
    </a-entity>


    <!-- face 4 前面-->
    <a-entity material="shader: flat; src: #video_16"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 360 -720"
              rotation="0 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_17"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 360 -720"
              rotation="0 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_18"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 -360 -720"
              rotation="0 0 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_19"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 -360 -720"
              rotation="0 0 0"
              visible="true">
    </a-entity>


    <!-- face 5 后面-->
    <a-entity material="shader: flat; src: #video_20"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 360 720"
              rotation="0 180 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_21"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 360 720"
              rotation="0 180 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_22"
              geometry="primitive: plane; width: 720; height: 720;"
              position="360 -360 720"
              rotation="0 180 0"
              visible="true">
    </a-entity>
    <a-entity material="shader: flat; src: #video_23"
              geometry="primitive: plane; width: 720; height: 720;"
              position="-360 -360 720"
              rotation="0 180 0"
              visible="true">
    </a-entity>



    <!-- audio part -->
    <a-entity material="shader: flat; src: #audio"
              geometry="primitive: plane; width: 0; height: 0;"
              position="0 0 0"
              rotation="0 0 0"
              visible="true">
    </a-entity>

</a-scene>

</body>

</html>
